<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 头部 -->
    <header class="pb20 borbox">
        <span id="comeBack" class="iconfont icon-leftarrow cfff"></span>
        <div>
            <h1 class="cfff font22">我的徽章</h1>
            <p class="font18">MY BADGES</p>
        </div>
        <h3 class="font16">
            今日排名
        </h3>
        <h2 class="cfff">
            9
        </h2>
        <img src="../../assets/imgs/index-card-badge.png" alt="">
    </header>
    <!-- 主体 -->
    <main class="borbox">
        <ul id="badgeUl" class="df">
           <!-- 动态渲染 -->
        </ul>
    </main>
</body>
</html>